<%@ page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="ww" uri="webwork"%>
<script type="text/javascript" src="acl/user/userlablepage/js/userlablepage.js"></script>
<link href="acl/user/css/usercommon.css" rel="stylesheet"/>
<link href="cssui/layout/tableform.css" rel="stylesheet"/>

<div id="plableArea">
    <div class="person_lables">
        <a id="userInfo" class="plable activelable"><i class="fa fa-user" aria-hidden="true"></i>&nbsp;基本信息</a>
        <a id="userDuty" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;职务情况</a>
        <a id="userRank" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;职务职级</a>
        <a id="userSkill" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;专业技术</a>
        <a id="userEducation" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;学历学位</a>
        <a id="userRewardAndPunish" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;奖惩信息</a>
        <a id="userExamine" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;考核信息</a>
        <a id="userFamily" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;家庭成员</a>
        <a id="userOther" class="plable"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;补充信息</a>
    </div>
</div>
<div id="userInfoArea"></div>

<script>
    //首次默认加载基本信息内容
    $(function($) {
        var parms = {
            "lableId":"userInfo",
            "userId":"<ww:property value='uuid'/>",
            "userInfoPageVo.orgIds":"<ww:property value='orgIds'/>"
        };
        $css.post("getUserInfoPage.action",parms, function(data) {
            $("#userInfoArea", $.cssTab.focus()).html(data);
        }, 'html');
    });

    //点击页签切换选中效果
    $(".person_lables",$.cssTab.focus()).find(".plable").click(function() {
        var $tab = $.cssTab.focus();
        //必须先保存用户主表信息
        var userId = $("#userId",$tab).val();
        var orgIds = $("#orgIds",$tab).val();
        var lableId = $(this).attr("id");
        if(userId==null || userId == ""){
            $css.tip("请先填写并保存人员基本信息！&nbsp;&nbsp;&nbsp;&nbsp;");
            return false;
        }
        $(".activelable",$tab).removeClass("activelable");
        $(this).addClass("activelable");
        //刷新数据区
        var parms = {
            "lableId":lableId,
            "userId":userId,
            "orgIds":orgIds
        };
        $css.post("getUserInfoPage.action",parms, function(data) {
            $("#userInfoArea", $.cssTab.focus()).html(data);
        }, 'html');
    });
</script>